/*$(function(){
	$('.link .button').hover(function(){
		var title=$(this).attr('data-title');
		$('.tip em').text(title);
		var pos=$(this).offset().left;
		var dis=($('.tip').outerWidth()-$(this).outerWidth())/2;
		var l=pos-dis;
		$('.tip').css({'left':l+'px'}).animate({'top':180,'opacity':1},300);
	},function(){
		$('.tip').animate({'top':160,'opacity':0},300);
	})
})*/
$(function() {
	$('.link .button').hover(function() {
		var title = $(this).attr('data-title');
		$('.tip em').text(title);
		var pos = $(this).position().left + 10;
		var dis = ($('.tip').outerWidth() - $(this).outerWidth()) / 2;
		var l = pos - dis;
		$('.tip').stop();
		$('.tip').css({'left' : l + 'px'}).stop().animate({'top' : 145, 'opacity' : 1}, 500);
	},function() {
		$('.tip').stop().animate({'top':100,'opacity':0}, 500);
	})
})